.yfbanner{
    position: relative;
    width: 100%;
    overflow: hidden;
    .items{
        .item{
            position: absolute;
            left:0;
            top:0;
            width: 100%;
            display: none;
            img{
                width: 100%;
            }
        }
    }
    .bannernav{
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        span{
            display:inline-block;
            width: 10px;
            height: 10px;
            border-radius: 10px;
            background-color: #FFF;
            margin:3px;
        }
        :hover{
            cursor: pointer;
        }
        .active{
             background-color: red;   
        }
    }
}